<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-back-button [text]="'core.back' | translate" />
        </ion-buttons>
        <ion-title>
            <h1>{{ 'core.settings.appsettings' | translate }}</h1>
        </ion-title>
        <ion-buttons slot="end" />
    </ion-toolbar>
</ion-header>
<ion-content>
    <core-split-view>
        <ion-list>
            <ion-item *ngFor="let section of sections.items" [attr.aria-current]="sections.getItemAriaCurrent(section)" button
                [detail]="true" (click)="sections.select(section)">
                <ion-icon [name]="section.icon" slot="start" aria-hidden="true" />
                <ion-label class="ion-text-wrap">
                    <p class="item-heading">{{ section.name | translate }}</p>
                </ion-label>
            </ion-item>
        </ion-list>
    </core-split-view>
</ion-content>
